<!DOCTYPE html>
<html>

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<link rel="stylesheet" style="text/css" href="jsoneditor.min.css" />
	<script type="text/javascript" src="jsoneditor.min.js"></script>
	<title></title>
	<style>
        *{
            margin:0px;
            padding:0px;
        }
		#id_jsoneditor {
			width: 100%;
			height: 700px;
		}
	</style>
</head>

<body>
	<div id="id_jsoneditor"></div>
	<script type="text/javascript">    
            var containerResponse = document.getElementById("id_jsoneditor");
            var h = window.innerHeight
            || document.documentElement.clientHeight
            || document.body.clientHeight;
            console.log(h);
            containerResponse.style.height = (h + "px");
            var leftoptions = {
                mode: 'code',                
                error: function (err) {
                    alert(err.toString());
                }
            };
            var editorResponse = new JSONEditor(containerResponse,leftoptions);
           
        </script>
</body>

</html>